.imageBox {
	display: flex;
	align-items: center;
	justify-content: center;

	.image {
		border-radius: 12rpx;
		overflow: hidden;

	}
}

.swiper {
	margin-top: 24rpx;
	box-sizing: border-box;
}

.toBig {
	transform: scale(1);
}

.toSmall {
	transform: scale(0.95);
}

.title {
	margin: 32rpx 0 0 32rpx;
	display: flex;
	align-items: center;

	text {
		margin-left: 12rpx;
		font-size: 32rpx;

		font-weight: bold;
		color: #FFFFFF;
	}
}

.goodsList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 24rpx 14rpx;
	margin: 24rpx 32rpx;

	.box {
		width: 336rpx;
		height: 494rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 6rpx 20rpx 2rpx rgba(1, 12, 27, 0.06);
		border-radius: 12rpx;

		.content {
			width: 100%;
			height: 158rpx;
			padding: 10rpx 24rpx 15rpx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			justify-content: space-between;

			.name {
				font-size: 28rpx;
				color: #201D1D;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				/*! autoprefixer: off */
				-webkit-box-orient: vertical;
				/* autoprefixer: on */
				-webkit-line-clamp: 2;
				word-break: break-all
			}

			.btnList {
				display: flex;
				position: relative;
				height: 50rpx;

				.left {
					width: 0;
					height: 0;
					border-color: #FF7733 transparent;
					border-width: 48rpx 20rpx 0 0;
					border-style: solid;
				}

				.right {
					position: absolute;		
					top: 0;
					left: 100rpx;		
					left: 135rpx;		
					z-index: 3;
					width: 0;
					height: 0;
					border-color: transparent rgba(255, 119, 51, 0.3);
					
					/*上下颜色 左右颜色*/
					border-width: 48rpx 20rpx 0 0;
					border-style: solid;
				}

				.btn {
					width: 144rpx;
					height: 48rpx;
					font-size: 24rpx;
					white-space: nowrap;
					text-align: center;
					line-height: 48rpx;
					color: #FFFFFF;
					white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
				}

				.leftBtn {
					background: #FF7733;
					border-radius: 24rpx 0 0 24rpx;
					font-weight: bold;				
				}

				.rightBtn {
					background: rgba(255, 119, 51, 0.3);
					border-radius: 0 24rpx 24rpx 0;
					color: #FF7733;
					transform: all 1s ease;
				
				}
			}



		}
	}
}

page {
	background: #FF7733;
	padding-bottom: 50rpx;
}